﻿/* CSS Document */
/*全局样式*/
body{
margin:0;
padding:0; 
font-family: "宋体" "宋体",Arial  ;
font-size:12px; 
color:#333;
background:#30333C;
line-height:20px;
}
h1,h2,h3,h4,ul,li,img{
margin:0;
padding:0;
font-weight:normal;
}
h1,h2,h3,h4{
font-size:12px;
}
li{
list-style:none;
}
a:link,a:visited{
text-decoration:none;
color:#333;
}
a:hover{
color:#0D8E50;
}
.clear0{
clear:both;
}

.margin_top10{
margin-top:10px;
}
span.more{
float:right;
margin-right:17px;
font-family:Arial, Helvetica, sans-serif;
margin-top: -30px;
}
.more a{color:#333;}
span.more1{
float:right;
margin-top:-45px;
padding-right:30px;
}
.c_red a:link,.c_red a:visited{
color:#09f;
}
img{border:0}
/*--------结束---------*/
/*------两栏布局-----*/



div#container{
	width:978px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
	clear:both;
	background-image: url(mainbox_bg.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	height:100%;
	
}
#wrapper{width:720px;float:right;}
div#content{float:right;width:720px;padding-bottom:20px; margin-right:5px;}
div#mycontent{float:right;width:720px;padding-bottom:20px; margin-right:5px;}/*------详细页面的布局------*/
div#navigation{
	float:left;
	width:220px;
	padding-bottom:20px;
	overflow:hidden;
	margin-left:5px;
	background-image: url(c_title.jpg);
	background-repeat: no-repeat;
	background-color:#CDCDCF;
}
div#extra{float:left;clear:left;width:210px}
div#footer{
margin:0 auto;
background:url(footer.gif) no-repeat center top ;
clear:both;
text-align:center;
padding-top:13px;
background-color:#30333C;
color:#FFFFFF;
_margin-left:-1px;
}
#footer a{
	color:#FFFFFF;
}
#footer a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}
/*------两栏布局结束------*/
/*--------头部开始----------*/
body {
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
}
#head {
	background-image: url(top.jpg);
	margin: auto;
	height: 425px;
	width: 1002px;
}
#logo {
	float: left;
	width: 600px;
	text-align:center;
}
#topright {
	float: left;
	width:385px;
}
#top {
	height: 91px;
}

#head #nav {
	clear: both;
}
#head #nav {
	background-image: url(nav_bg.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 940px;
	margin:auto;
	line-height:34px;
	font-size:14px;
	font-weight:bold;
}

#topMenu{text-align:right;line-heigth:25px;}
#topMenu a{
	color:#333333;
}
#topMenu a:hover{
	color:#48BDE7;
}
#nav li{float:left;display:block;width:84px;margin-left:29px;text-align:center;}
#nav li a{color:#CCCCCC;font-weight:bold;}
#nav li a:hover{
	color:#FFFFFF;
	background-image: url(menunow.jpg);
	background-repeat: no-repeat;display:block;
	width:84px;
}
#top_contact{color:#FFffff;font-size:22px;margin-top:20px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#re{color:#fc0000;font-size:14px;font-weight:bold;}
#banner{width:980px;margin:auto;}
/*--------头部end----------*/
#com_view {
	background-image: url(com_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-right:200px;
	padding-bottom:20px;
}
#company h2{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-indent:25px;

}
.en{color:#0099FF;font-family:Arial, Helvetica, sans-serif;font-size:14px;}
#product{width:727px;float:left; display:block;}
#product h1{color:red;font-size:16px;font-weight:bold;
	background-image: url(pro_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 707px;
	line-height:30px;
	text-indent:25px;
}
#news{width:220px;float:left; padding-top:10px;}
#news h2{color:#000000;font-size:14px;font-weight:bold;
	background-image: url(news_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 220px;
	line-height:34px;
	text-indent:25px;

}
.news_view {padding-left:10px; padding-bottom:10px;
}
.news_view img {margin:8px 0;}
.news_view li{
	background-image: url(article.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position:left center;
	line-height:20px;
	height:20px;
}

.ymd{color:#0099FF;
}
.category{margin-top:40px;}
.category li{text-indent:25px;width:180px;line-height:32px;margin-left: 8px;}
.category li a{background:url(dot1.gif);height:32px; display:block;color:#333;background-repeat:no-repeat;line-height:32px;}
.category li a:hover{background:url(dot1now.gif); height:32px;display:block;color:#0099FF;background-repeat:no-repeat;line-height:32px;}
#contact h2{
	color:#000000;font-size:14px;font-weight:bold;
	line-height:30px;
	text-indent:25px;
	margin-top:8px;
}
#contact p{margin:0px;margin-top:8px;padding:0 8px;}
#kuaisu {text-align:center;}
#copyright{padding-top:50px;line-height:45px;color:#FFFFFF;text-align:right;padding-right:50px;width:952px;margin:auto;}




/*--内页开始---*/
/*-内页产品推荐-*/
div#pro_command{


margin:10px 0;
}
.scrollpic img{
border:1px solid #dadada;
}
.scrollpic h4{
font-weight:normal;
}
/*----结束内页产品推荐-----*/
/*公司简介*/
div#content h1{
background:url(title.jpg) no-repeat; color:#fff;width:720px;height:38px;line-height:38px;text-indent:40px;font-size:14px;color:#333333;font-weight:bold;}
div#content #company{
width:100%;
overflow:hidden;
}
div#content #company p{
margin:0;
padding:10px;
}
div#content #company p img{
float:left;
padding-right:10px;
}
/*左侧列表*/
h3.update_h{
background:url(con_h_bg.gif) no-repeat;
}
div#navigation ul.news_list_index li{
height:30px;
line-height:30px;
margin:0 10px;
background:url(3.jpg) no-repeat left 8px;
padding-left:20px;
border-bottom:1px solid #edb98c;
}








div#navigation a:link,div#navigation a:visited{

}
div#navigation a:hover{

}
/*--结束左侧列表--*/

/*--结束公司简介--*/

/*产品中心列表*/

h3.pro_hot_h{
background:url(con_h_bg.gif) no-repeat;
margin-top:10px;
}
div#navigation ul.pro_hot_list,div#navigation ul.pro_list{
padding-bottom:5px;
margin-bottom:10px;
border:1px solid #dadada;
border-top:none;
background-color:#fff;
}
div#navigation ul.pro_hot_list li,div#navigation ul.pro_list li{
height:30px;
line-height:30px;
background: url(/template/style02/arrow1.gif) no-repeat left center;
text-align:left;
color:#edb98c;
padding-left:10px;
border-bottom:1px dashed #dadada;
margin:0 15px;
}

#ms{
margin:10px 20px;
border:#dadada 1px solid;}
#ms p{
padding:0 5px;
}
#ms p.title{
background: url(title.gif) no-repeat 5px center;
color:#fff;
font-weight:bold;
padding-left:25px;
}

p#product_class{
border:1px #dadada solid;
width:95%;
margin:10px auto;
background-color:#EAF5EA;
}
p#product_class span{
color:#09f;
font-weight:bold;
padding-left:10px;
}
p#product_class a{
margin-left:10px;
}



div#pro_imglist{
width:100%;
overflow:hidden;
}
div#pro_imglist ul{
margin-top:10px;
}
div#pro_imglist ul li{
float:left;
width:160px;
margin-left:10px;
*margin:0 10px 0 10px !important;
*margin:0 10px;
height:150px;
text-align:center;
padding-top:5px
}
div#pro_imglist ul li img{
border:1px #dadada solid;
}
div#pro_imglist ul li h2{
color:#8C8D8D;
font-weight:normal;
background:none;
line-height:20px;
text-align:center;
padding-left:0;
}




/*---结束产品中心列表--*/
/*-----产品详细页--------*/
div#mycontent p.dh{
    background: url("title.jpg") no-repeat scroll 0 0 transparent;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-indent: 40px;
    width: 720px;
}
div#mycontent div#pro_description h1{
text-align:center;
font-size:14px;
color:#09f;
padding:10px 0;
font-weight:bold
}

div#mycontent p{
padding:0;
margin:0;
}
div#kuang{
}
div#mycontent #pro_description{
width:95%;
margin:0 auto;
line-height:20px;
overflow:hidden;
text-align:center;

}
div#mycontent #pro_description h2{
background:url(arrow.gif) no-repeat;
padding-left:20px;
color:#FCD54C;
}
div#mycontent #pro_description #pro_img{
margin:10px 10px 0 0;
width:180px;
float:left;
}
div#mycontent #pro_description #pro_img img{
padding:3px;
border: 1px solid #dadada;
}

div#mycontent #pro_description #pro_img span{
display:block;
}
div#mycontent #pro_description #pro_img span img{
border:none;
}
div#mycontent #pro_description #pro_introduction{
margin-top:10px;
float:left;
width:480px
}
div#mycontent #pro_description #pro_introduction span{
float:left;
margin-right:20px;
width:200px;
line-height:25px;
}
div#mycontent #pro_description p{
line-height:25px;
text-align:left
}
div#mycontent #pro_description p.backlist{
text-align:center;
}
h3#sm{
height:35px;
line-height:35px;
background: url(/template/style02/arrow2.gif) no-repeat 5px 14px #fff;
padding-left:20px;
margin:10px 0;
border:1px solid #dadada;
color:#09f;
text-align:left
}
div#mycontent #pro_description #contact2{

}
div#detailed{
line-height:25px;
padding-left:20px;
}

h3#xg{
background:url(title.gif) no-repeat left center;
line-height:19px;
text-align:left;
padding-left:20px;
color:#fff;
}
ul#xiangguan{
overflow:hidden;
margin-top:10px;

}
ul#xiangguan li{
float:left;
width:160px;
margin-right:15px;
}
ul#xiangguan li img{
border:1px solid #dadada;
}
ul#xiangguan li h4{
text-align:center;
font-weight:normal;

}


/*-----结束产品详细页--------*/


/*新闻列表页面*/
div#content div#news_content{
width:100%;
margin:0 auto;
border-bottom:#dadada dashed 1px;
margin:10px 0;
}
div#content div#news_content h2{
padding:0;
font-weight:bold;
}
div#content div#news_content h2 a:link,div#content div#news_content h2 a:visited{
display:block;
background: #E1E1E1;
padding-left:15px;
}
div#content div#news_content h2 a:hover{

color:#09f;
}
div#content div#news_content span{
float:right;
margin-top:-30px;
margin-right:10px;
}
div#content div#news_content p{
padding:10px 0;
margin:0;
text-indent:2em;
line-height:20px;
}
div#content div#news-content img{
float:right;
margin-top:-25px;
}

div#navigation h3.news_c_h{
background: url(/template/style02/pro_h_bg.gif) no-repeat;
color:#09f;
}

h3.news_hot_h{
background:url(/template/style02/con_h_bg.gif) no-repeat;
}

div#navigation ul.news_list{
padding:10px 0;
border:1px solid #dadada;
border-top:none;
margin-bottom:10px;
background-color:#fff;
}
div#navigation ul.news_list li{
height:30px;
line-height:30px;
}
div#navigation ul.news_list li a:link,div#navigation ul.news_list li a:visited{
border-bottom:1px #dadada dashed;
display:block;
margin:0 13px 0 10px;
padding-left:15px;
background:url(/template/style02/arrow2.gif) no-repeat 3px center;
}



/*新闻详细页面*/
div#news_content1{
margin:0 auto;
padding:0 10px;
}
div#news_content1 h1{
text-align:center;
color:#09f;
padding:10px 0;
font-size:14px;
font-weight:bold
}
span.hit{
text-align:center;
margin:0 auto;
display:block;
}
/******/

/*---------内页结束----------*/


/*上一个产品下一个产品*/
	#up_down{border:1px solid #dadada;
	text-align:center;
	line-height:30px;
	margin:10px 0;
}
	
	#up_down A:link,#up_down A:visited{
	text-decoration:underline}

/*分页*/
#page{text-align:center;clear:both;margin:10px 0px 0px 20px;  color:#09f; height:30px; padding-bottom:50px;}

#page a,#page span.disabled,span.current{border:1px solid #dadada;padding:3px 10px; display:block; float:left;margin-left:10px;}
#page span.current,#page a:hover{ color:#09f;border:1px solid #09f; text-decoration:none;}
	


#pro_imglist1 {
    overflow: hidden;
    padding-top: 10px;
}
.pro_imglist1 li{    float: left;
    line-height: 16px;
    margin: 10px 22px 0 0;
    width: 152px;}
.pro_imglist1 li h2{text-align:center}
.pro_imglist1 li img {
    border: 1px solid #DEDEDE;
    padding: 2px;
}

#shuoming h2 {
    background-color: #F1F1F1;
    border: 1px solid #E3E2E2;
    color: #555555;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-indent:15px;
}
#shuoming{text-align:left;padding:8px;}
#jj {text-align:left;}
#news_lr{text-align:left;}



/*首页产品推荐*/
div#product DIV#product_list ul.ImgList4 {width:665px; float:left; display:block;
}
div#product DIV#product_list ul.ImgList4 h3{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight: normal;
}
div#product DIV#product_list ul.ImgList4 li{
	float:left;
	margin-left:3px;
	margin-right:3px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#CCCCCC 1px dotted;
	list-style-type: none;
	height:130px
}
div#product DIV#product_list ul.ImgList4 li a:link{
LINE-HEIGHT: 20px;
color:#000; float:left;}
div#product DIV#product_list ul.ImgList4 LI IMG {
border:#E6E6E6 1px solid;
MARGIN: 10px 10px 5px 10px;
padding:2px 2px;
display:block;
TEXT-ALIGN: center}
div#product DIV#product_list ul.ImgList4 .active {
	BACKGROUND-COLOR:#F1EFEF;
	
	margin-left:5px
}
span.right {float:left; width:509px;
}



/* QQ客服 */

.QQbox{ z-index:99; width: 170px; left: 3px; top: 145px; position: absolute;}
.QQbox .press{ left: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(/Skin/cn/images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: left; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(/template/style02/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(/template/style02/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(/template/style02/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{ background: url(/template/style02/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;color:#000;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(/template/style02/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#000;}

.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 0px; list-style:none;  text-align:left; padding-left:10px;}

div.con a:link,div.con a:visited{color:#000;text-decoration:none;}
div.con a:hover{color:#ff6600;text-decoration:none;}
/*QQ END*/





.ImgList4 li{float:left;
width:135px;
margin-left:10px;
*margin:0 10px 0 10px !important;
*margin:0 10px;
height:150px;
text-align:center;
padding-top:5px}
div#pro_imglist ul li img{
border:1px #dadada solid;
}

.ImgList4 h2{
color:#8C8D8D;
font-weight:normal;
background:none;
line-height:20px;
text-align:center;
padding-left:0;
}
.ImgList4 img{border:#ccc 1px solid;padding:2px;}


.nr_title{
    background: url("title.jpg") no-repeat scroll 0 0 transparent;
    height: 38px;
    line-height: 38px;
    text-indent: 40px;
    width: 720px;
}
.nr_title h1{

    color: #333333;
    font-size: 14px;
    font-weight: bold;
}
span.guide{
float:right;
margin-right:17px;
font-family:Arial, Helvetica, sans-serif;
margin-top: -40px;
}
.guide a{color:#333;}
span.more1{
float:right;
margin-top:-45px;
padding-right:30px;
}
#blog{float:left; width:220px;
}
#blog h2 {color:#000000;font-size:14px;font-weight:bold;
	background-image: url(news_title.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 220px;
	line-height:34px;
	text-indent:25px;
}

#blog ul {list-style-type:none; display:block; width:220px;
}
#blog li {float:left; display:block; width:220px; background:url(article.gif) no-repeat 10px; line-height:20px;
}
#blog li a {padding-left:25px;
}
table.biaoge{border:1px solid #E8E8E8;border-width:1px 0px 0px 1px;margin-left:0;margin-right:0;text-align:center;margin-bottom:15px;}
table.biaoge td{border:1px solid #E8E8E8;border-width:0px 1px 1px 0px;padding:5px;text-align:left; line-height:15px;}
table.biaoge th{font-weight:bold;}
table.biaoge th{border:1px solid #E8E8E8;border-width:0px 1px 1px}